<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Bootstrap 弹出框实例</title>
    <meta name="description" content="This is an example to create Popover with Bootstrap.">
    <link rel="stylesheet" href="css/MyVideo.css">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="//unpkg.com/layui@2.6.8/dist/css/layui.css">

    <!-- 导入 Vue 3 -->
    <script src="//unpkg.com/vue@next"></script>
    <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/axios.min.js"></script>
    <script src="//unpkg.com/layui@2.6.8/dist/layui.js"></script>
    <script src="js/jquery.params.js"></script>

</head>
<body>

<div class="container-fluid" id="app">
    <div id="wxLogin">
        <input type="text" v-model="input">
        1213213132
    </div>
</div>
<script src="http://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js"></script>
<script>
    Vue.createApp({
        data(){
            return {
                input:'',
            }
        },
        mounted(){
          login()
        },
        methods:{
        }
    }).mount("#app")

    function login(){
        axios({
            method:'get',
            url:'/api/ucenter/wx/getLoginParam',
        }).then(response => {
            console.log(response)
            var obj = new WxLogin({
                self_redirect:true,
                id:"wxLogin",
                appid: response.data.data.appid,
                scope: response.data.data.scope,
                redirect_uri: response.data.data.redirectUri,
                state: response.data.data.state,
                style: "black",
                href: ""
            });
        })

    }
</script>

</body>
</html>